<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!-- 头部 N -->
<div class="mod_header">
    <div class="section_inner">
        <h1 class="qqmusic_title"><a href="front/index"><img src="static/index/images/logo.png" class="qqmusic_logo"></a></h1>
        <!-- 导航 S -->
        <ul class="mod_top_nav">
            <li class="top_nav__item">
                <a href="front/index" class="top_nav__link top_nav__link--current" >音乐馆</a>
            </li>
            <li class="top_nav__item">
                <a class="top_nav__link" >我的音乐</a>
            </li>
			<li class="top_nav__item top_nav__item--subnav">
                <a class="top_nav__link js_toDownload" rel="noopener" target="_blank">客户端</a>
                    <img src="static/index/images/mark_1.png" class="top_nav__mark">
                    <div class="popup_data_detail client_privilege">
                        <div class="popup_data_detail__cont">
                            <p><i class="client_privilege__icon client_privilege__icon--hq"></i>HQ高品质 全员开启</p>
                            <p><i class="client_privilege__icon client_privilege__icon--dts"></i>独家音效 全面升级</p>
                            <p><i class="client_privilege__icon client_privilege__icon--skin"></i>轻盈视觉 动态皮肤</p>
                            <a href="javascript:;" class="client_privilege__btn" id="top_pop_download">下载体验</a>
                        </div>
                    </div>
            </li>
			<li class="top_nav__item">
				<a class="top_nav__link js_nav_click" rel="noopener" target="_blank">音乐号</a>
			</li>
			<li class="top_nav__item">
				<a class="top_nav__link" title="VIP" rel="noopener" target="_blank">VIP</a>
			</li>
        </ul>
	    <ul class="mod_top_subnav" style="display:;">
			<li class="top_subnav__item">
				<a href="front/index" class="top_subnav__link--current">首页</a>
			</li>
			
			<li class="top_subnav__item">
				<a href="singer/list">歌手</a>
			</li>
			
			<li class="top_subnav__item">
				<a href="special/list">新碟</a>
			</li>
			<li class="top_subnav__item">
				<a>排行榜</a>
			</li>
			<li class="top_subnav__item">
				<a href="front/musicList_list">分类歌单</a>
			</li>
			<li class="top_subnav__item">
				<a>电台</a>
			</li>
			<li class="top_subnav__item">
				<a href="front/mv_list">MV</a>
			</li>
			<li class="top_subnav__item">
				<a>数字专辑</a>
			</li>
			<li class="top_subnav__item">
				<a>票务</a>
			</li>
	    </ul>
        <!-- 导航 E -->
			
			<c:if test="${param.musicName eq musicName}">
			<form action="musicFrontQuery/musicFrontQuery_show" method="post">
                <div class="mod_top_search">
                    <div class="mod_search_input">
                        <input class="search_input__input" name="musicName" value="${param.musicName}" type="text" placeholder="搜索音乐、MV、歌单、用户">
                        <button class="search_input__btn"><i class="icon_search sprite"></i><span class="icon_txt">搜索</span></button>
                    </div>
				</div>
			</form>
			</c:if>

			<c:if test="${param.singerName eq singerName}">
			<form action="singerFrontQuery/singerFrontQuery_show" method="post">
                <div class="mod_top_search">
                    <div class="mod_search_input">
                        <input class="search_input__input" name="singerName" value="${param.singerName}" type="text" placeholder="搜索音乐、MV、歌单、用户">
                        <button class="search_input__btn"><i class="icon_search sprite"></i><span class="icon_txt">搜索</span></button>
                    </div>
				</div>
			</form>
        	</c:if>
        
        <div class="header__opt">

                <!-- 未登录 -->
                <span class="mod_top_login">
	                <li class="top_nav__item top_nav__item--subnav">
		                <c:if test="${qId == null }">
		                <a href="front/login" class="top_nav__link js_toDownload" rel="noopener" target="_blank">登录</a>
		                </c:if>
	                
		                <c:if test="${qId != null }">
		                    	<a class="top_login__link js_login" >${qAccount}</a>
		                </c:if>
	                    <div class="popup_data_detail client_privilege">
	                        <div class="popup_data_detail__cont">
	                            <a href="front/login_zx" class="client_privilege__btn" id="top_pop_download">退出</a>
	                        </div>
	                    </div>
	            	</li>
                    <a class="mod_btn_green top_login__btn_vip js_openvip" >开通绿钻豪华版</a>
					<a class="mod_btn top_login__btn_vip js_openmusic" >开通付费包</a>
                </span>
		<!-- 用户信息 -->
		    <div class="popup_user">
		    </div>
            </div>
        </div>
    </div>
    <!-- 头部 S -->